*{
    margin:0;
    padding: 0;
}
@font-face {
  font-family: 'greatMao'; /*自定义字体名称*/
  src: url('../fonts/mao.ttf'); /*关联字体文件*/
}

body{
 font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
 -webkit-font-smoothing:subpixel-antialiased;
}
li{
  list-style: none;
}
.head{
  width: 100%;
  height: 80px;
  border-bottom:1px solid #d8d8d8;
  
position: fixed;;
top: 0;
z-index: 999;
background: white;

}
.head-inner{
 width: 1280px;
 height: 80px;

 position: relative;
font-size: 18px;
left: 15%;
}
.head span{
  display: block;
  /*3.在元素上使用自定义字体图标*/
  font-family: 'icomoon';
  font-size: 30px;
  color:#7B7B7B;
  font-style: normal;
  width: 30px;
  height: 80px;
  float: left;
}
.hf{
   
  height: 80px;
  width: 260px;
  float: left;
}
.hf i{
  float: left;
  font-size: 50px;
  line-height: 80px;
  color: red;
}
.hf>span{
  float: left;
  font-size: 35px; 
  width: 180px; 
  text-align: center;
  line-height: 80px;
  color: red;
  font-weight: bolder;
  letter-spacing: -3px;
  font-family: 'greatMao'
}
.hs{
    height: 80px;  
    width: 420px;
   float: left;
   margin-left: 20px;
}
.hs li{
  display: block;
  float: left;
 
  height: 80px;
  width: 70px;
  color: #333;
  line-height: 80px;
  text-align: center;
  font-size: larger;

}
.hs li a{
 
  text-decoration: none;
  color: #333;
}
.hs li a:hover{
  color: red;
}
.ht{
  float: left;
  height: 80px;
  width: 130px;
  line-height: 80px;
  margin-left: 50px;
  position: relative;
  cursor: pointer;

}
.ht .app-menu{
  display: none;
  width: 130px;
  height: 140px;
  position: absolute;
  right: -1px;
  top: 80px;
  border: 1px solid #d8d8d8;
  border-top: 0px;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 1px;
  padding-top: 20px;
}
.erweima{
  margin: auto;
  width: 80px;
  height: 80px;
  background: url('../images/二维码.png');
  background-size: 100%;
  margin-bottom: 20px;
}
.app-menu span{
  display: block;
  width: 130px;
  font-size: 15px;
  margin-top: 20px;
}
.head .ht:hover .app-menu {
  display: block;
}
.ht .text{
float: left;
height: 80px;
margin-left: 5px;
}
.hft{
  width: 200px;
  height: 80px;
  float: left;
  margin-left: 15px;

}
.search{
  width: 200px;
  height: 80px;
}
.search input{
  display: block;
  border: 1px solid #D4D4D4;
  border-radius: 30px;
  width: 200px;
  height: 40px;
  font-size: 14px;
  padding: 0 0px 0 20px;
  margin-top: 18px;
  outline: none;
  padding-left: 10px;
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif  ;
}
.symbol{
  width: 40px;
  height: 40px; 
  background: #EF4238;
  margin-left: 170px;
  margin-top: -42px;
  border:1px solid #EF4238;
  border-radius: 100%;
  line-height: 40px;
  text-align: center;
}
.hft span{
  display: block;
  /*3.在元素上使用自定义字体图标*/
  font-family: 'icomoon';
  font-size: 25px;
  color:white;
  font-style: normal;
  width: 30px;
  height: 80px;
  margin-left: 5px;
}
.hfi{
  height: 80px;
  width: 75px;
  float: left;
  margin-left: 50px;
  position: relative;

}
.hfi .user-menu{
  display: none;
  width: 30px;
  height: 35px;
  position: absolute;
  right: -1px;
  top: 80px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  text-align: right;
  padding: 15px 23px 5px;
  text-align: center;
  cursor: pointer;
  border-top-color: white;
}
.hfi .user-menu a{
color: gray;
text-decoration: none;
}
.hfi .user-menu a:hover{
  color: red;
}
.head .hfi:hover .user-menu {
  display: block;
}
.hfi .out{
  width: 40px;
  height: 40px;
  margin-top: 20px;
  background:  #E4E4E4;
  border-radius: 100%;
  float: left;
  margin-left: 10px;
}
.hfi span{
  
  /*3.在元素上使用自定义字体图标*/
  font-family: 'icomoon';
  font-size: 30px;
  color:white;
  font-style: normal;
margin-left: 5px;
margin-top: 5px;
}

.jiantou{
  width: 0; 
  height: 0;
  border: 6px solid transparent;
  border-top-color:#7B7B7B;
  float: left;
   position: absolute;
   top: 40px;
   right: 5px;
   /* transition: all 1s */
}
i{
  font-size: 15px;
}